<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<!-- <link rel="stylesheet" type="text/css" href="lib/datatables/1.10.0/jquery.dataTables.css" /> -->
<!-- <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/fixedcolumns/3.0.1/css/dataTables.fixedColumns.css" /> -->
<style type="text/css">
 .input-text{
     width:130px;
 }
</style>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>树状图</title>

</head>
<body>
<!--面包屑导航-->
<!-- 		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>工序产能监控<span class="c-gray en">&gt;</span> 员工达成率看板 -->
<!-- 			<a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i>刷新</a> -->
<!-- 		</nav> -->
        <!--主内容-->
		<div class="page-container">
              <button class="btn btn-primary radius" id="addPageBtn">添加</button>		
              <button class="btn btn-primary radius" id="changeView">切换视图</button>		
		      <div id="otherTreeDiv" class=" table table-border table-bordered table-bg table-hover">
		          <table id="treeDataTbale">
		            <thead>
			            <tr>
			               <th>所属类型</th>
			               <th>加工对象</th>
			               <th>是否报工</th>
			               <th>是否采购</th>
			               <th>整框(整腿)是否显示</th>
			               <th>整架是否显示</th>
			               <th>是否读取颜色</th>
			               <th style="width:150px;">操作</th>
			            </tr>
		            </thead>
		            <tbody></tbody>
		          </table>
		      
		       
		      </div>
		
		      <div id="treeLeftToRightDiv"  class="hidden" style="width:100%;height:700px;" >
		      
		      </div>
		      
		      
		      <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								<h4 class="modal-title" id="myModalLabel">添加加工对象</h4>
							</div>
							<div class="modal-body">
								<div>
								  <span>所属类型：</span>
								  <select id="type" class="input-text">
								      <option value="">请选择</option>
								      <option value="2">框</option>
								      <option value="3">腿</option>
								  </select>
								  <br/></br/>
								  <span>加工对象：</span>
								  <select id=materialType class="input-text">
								      <option vlaue="">请选择</option>
								  </select>
								   <br/></br/>
								  <span>是否报工：</span>
								  <select id="isReport" class="input-text">
								       <option  value="1">需要</option>
								       <option  value="2">不需要</option>
								  </select>
								   <br/></br/>
								  <span>是否采购：</span>
								  <select id="isPurchase" class="input-text">
								       <option value="1">需要</option>
								       <option value="2">不需要</option>
								  </select>
								   <br/></br/>
								  <span>整框整腿：</span>
								  <select id="secondIsShow" class="input-text">
								       <option value="1">显示</option>
								       <option value="2">不显示</option>
								  </select>
								   <br/></br/>
								  <span>整架显示：</span>
								  <select id="allIsReport" class="input-text">
								       <option value="1">显示</option>
								       <option value="2">不显示</option>
								  </select>
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
								<button type="button" class="btn btn-primary "  id="addModalBtn" >添加</button>
							</div>
						</div>
					</div>
				</div>
				
				
		      <div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
								<h4 class="modal-title" id="myModalLabel">添加加工对象</h4>
							</div>
							<div class="modal-body">
								<div>
								  <input type="hidden" id="modalId">
								  <span>所属类型：</span>
								  <span id="updateType"></span>
								  </select>
								  <br/></br/>
								  <span>加工对象：</span>
								  <span id="updateMaterialType"></span>
								   <br/></br/>
								  <span>是否报工：</span>
								  <select id="updateIsReport" class="input-text">
								       <option  value="1">需要</option>
								       <option  value="2">不需要</option>
								  </select>
								   <br/></br/>
								  <span>是否采购：</span>
								  <select id="updateIsPurchase" class="input-text">
								       <option value="1">需要</option>
								       <option value="2">不需要</option>
								  </select>
								   <br/></br/>
								  <span>整框整腿：</span>
								  <select id="updateSecondIsShow" class="input-text">
								       <option value="1">显示</option>
								       <option value="2">不显示</option>
								  </select>
								   <br/></br/>
								  <span>整架显示：</span>
								  <select id="updateAllIsReport" class="input-text">
								       <option value="1">显示</option>
								       <option value="2">不显示</option>
								  </select>
								   <br/></br/>
								</div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
								<button type="button" class="btn btn-primary " id="updateModalBtn" >修改</button>
							</div>
						</div>
					</div>
				</div>
		      
		      
		      
		      
		      
		      
		      
		      
		      
		      
		</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
<script type="text/javascript" src="lib/datatables/1.10.0/dataTables.fixedColumns.min.js"></script>
<!--/_footer 作为公共模版分离出去 -->

<!--请在下方写此页面业务相关的脚本 -->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="lib/echarts/4.1.0/echarts.min.js"></script>
<script type="text/javascript" src="myJs/util.js"></script>
<script type="text/javascript" src="myJs/echartUtil.js"></script>
<script type="text/javascript" src="myJs/treeLeftToRight.js"></script>

</body>
</html>